<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据可视化demo</title>
    <link href="css/common.css" rel="stylesheet">
    <link href="css/pagination.css" rel="stylesheet">
    <style type="text/css">
    	.table_p table td{line-height: 40px;}
    </style>
</head>
<body>
	<!--顶部-->
	<header class="header left">
		<div class="left nav">
			<ul>
				<li><i class="nav_1"></i><a href="index.html">采集概况</a> </li>
	            <li><i class="nav_2"></i><a href="quota.html">指标分析</a> </li>
	            <li><i class="nav_3"></i><a href="trend.html">趋势分析</a> </li>
	            <li class="nav_active"><i class="nav_4"></i><a href="chronic.html">慢病病人列表</a> </li>
	          </ul>
	    </div>
	    <div class="header_center left" style="position:relative">
	        <h2><strong>大数据展示</strong></h2>
	    </div>
	    <div class="right nav text_right"><ul></ul></div>
	</header>
	<!--内容部分-->
	<div class="con left" style="width: 98%;margin-left: 1%;margin-bottom: 25px;">
		<input type="text" placeholder="请输入姓名身份证" style="width: 180px;height: 28px;border-radius: 3px;text-indent: 1em;border: 1px solid#4b8df8;color: #fff;" /><button class="btn btn-primary btn-sm" style="margin-left:20px"><span class="glyphicon glyphicon-search"></span>查询</button>
	    <div class="div_any_child" style="height: 450px;">
			<div class="table_p" style="height: 96%;margin-top: 20px;">
	              <table>
	                  <thead><tr>
	                      <th>序号</th>
	                      <th>姓名</th>
	                      <th>慢病</th>
	                      <th>操作</th>
	                  </tr>
	                  </thead>
	                  <tbody>
	                  <tr><td>1</td><td>萝卜1</td><td>高血压</td><td><button class="btn btn-primary btn-sm">查看</button></td></tr>
	                  <tr><td>2</td><td>萝卜2</td><td>糖尿病</td><td><button class="btn btn-primary btn-sm">查看</button></td></tr>
	                  <tr><td>3</td><td>萝卜3</td><td>高血压</td><td><button class="btn btn-primary btn-sm">查看</button></td></tr>
	                  <tr><td>4</td><td>萝卜4</td><td>糖尿病</td><td><button class="btn btn-primary btn-sm">查看</button></td></tr>
	                  <tr><td>5</td><td>萝卜5</td><td>高血压</td><td><button class="btn btn-primary btn-sm">查看</button></td></tr>
	                  <tr><td>6</td><td>萝卜6</td><td>糖尿病</td><td><button class="btn btn-primary btn-sm">查看</button></td></tr>
	                  <tr><td>7</td><td>萝卜7</td><td>高血压</td><td><button class="btn btn-primary btn-sm">查看</button></td></tr>
	                  <tr><td>8</td><td>萝卜8</td><td>糖尿病</td><td><button class="btn btn-primary btn-sm">查看</button></td></tr>
	                  <tr><td>9</td><td>萝卜9</td><td>高血压</td><td><button class="btn btn-primary btn-sm">查看</button></td></tr>
	                  <tr><td>10</td><td>萝卜0</td><td>糖尿病</td><td><button class="btn btn-primary btn-sm">查看</button></td></tr>
	                  </tbody>
	              </table>
			</div>
			<div class="box">
				<div id="pagination" class="page fl">
					<div class="ui-pagination-container">
						<a href="javascript:void(0);" class="ui-pagination-page-item active" data-current="1">1</a>
						<a href="javascript:void(0);" class="ui-pagination-page-item" data-current="2">2</a>
						<a href="javascript:void(0);" class="ui-pagination-page-item" data-current="3">3</a>
						<a href="javascript:void(0);" class="ui-pagination-page-item" data-current="4">4</a>
						<a href="javascript:void(0);" class="ui-pagination-page-item" data-current="5">5</a>
						<a href="javascript:void(0);" class="ui-pagination-page-item" data-current="6">6</a>
						<a href="javascript:void(0);" class="ui-pagination-page-item" data-current="7">7</a>
						<a href="javascript:void(0);" class="ui-pagination-page-item" data-current="8">8</a>
						<a href="javascript:void(0);" class="ui-pagination-page-item" data-current="2">下一页</a>
						<a href="javascript:void(0);" class="ui-pagination-page-item" data-current="10">尾页</a>
					</div>

				</div>
			</div>
	    </div>
	</div>
</body>
</html>
